* {
  margin: 0;
  padding: 0;
}

list {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  vertical-align: top;
}

.banner {
  width: 1200px;
}

ul {
  width: 300px;
  height: 300px;
  background-color: #fff;
}

ul li {
  width: 300px;
  height: 100px;
  border: 1px solid red;
}

ul li:hover {
  background-color: #ff0;
}

ul li a {
  color: red;
}

p {
  width: 1200px;
}

.banner {
  width: 300px;
  height: 300px;
}

.banner ul {
  width: 300px;
  height: 300px;
  position: relative;
}

.banner ul li {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.box {
  width: 500px;
  height: 500px;
}

.a, .nav {
  width: 100px;
  height: 30px;
  border: 1px solid #000;
}

.a:hover, .nav:hover {
  color: red;
}

.nav {
  font-size: 30px;
}
